<template>
	<div class="shop">
		<img class="shop__img"
			 :src="item.imgUrl" alt="">
		<div class="shop__content">
			<div class="shop__content__title">{{ item.name }}</div>
			<div class="shop__content__tags">
				<span class="shop__content__tag">月售: {{ item.sales }}</span>
				<span class="shop__content__tag">起送: {{ item.expressLimit }}</span>
				<span class="shop__content__tag">基础运费: {{ item.expressPrice }}</span>
			</div>
			<p class="shop__content__highlight">{{ item.slogan }}</p>
		</div>
	</div>
</template>

<script>
export default {
	name: "ShopInfo",
	props:['item']
}
</script>

<style scoped lang="scss">
@import "../style/iconfont.css";
@import "../style/mixins.scss";
@import '../style/viriables.scss';
.shop {
	display: flex;
	padding-top: .12rem;
	&__img {
		margin-right: .16rem;
		width: .56rem;
		height: .56rem;
	}
	&__content {
		flex: 1;
		padding-bottom: .05rem;
		&__title {
			line-height: .22rem;
			font-size: .16rem;
			color: $content-fontcolor;
		}
		&__tags {
			margin-top: .05rem;
			line-height: .14rem;
			font-size: .13rem;
			color: $content-fontcolor;
		}
		&__tag {
			margin-right: .16rem;
		}
		&__highlight {
			color: #e93b3b;
			font-size: .13rem;
			line-height: .18rem;
			margin: .05rem 0 0 0;
		}
	}
}
</style>